<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!--1. 引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.公共样式拉取 -->
		<link rel="stylesheet" href="../css/api-index.css" />
		<!-- 4.拉取公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 5. css当前页面拉取
		<link rel="stylesheet" href="../css/API-index.css" /> -->
	</head>
	<body>

		<!-- 头部 -->
		<header class="flex-c-sb b-box">
			<!-- log图片源码大数据 -->
			<!-- 用h1为了支持SEO -->
			<a href="">
				<h1></h1>
			</a>
			<!-- 中间列表 -->
			<ul class="flex-c-c fc-black">
				<li><a href="../html/index.html">首页</a></li>
				<li class="active fc-blue"><a href="../html/api-index.html">API</a></li>
				<li>云服务</li>
				<li>案例</li>
				<li>开发者</li>
			</ul>
			<!-- 最右边按钮 -->
			<div>
				<span class="fc-black">登录</span>
				<span class="fc-white">注册有礼</span>
			</div>
		</header>
		<!-- APi分类 -->
		<!-- 通栏 -->
		<section id="classification" class="b-box">
			<!-- 版心 -->
			<div class="container">
				<h2>APi分类</h2>
				<ul id="classificationList"></ul>
				<div id="whole">
					<div id="searchInput">
						<strong>全部</strong>
						<input type="text" value="身份证实名" />
					</div>
				</div>
			</div>
		</section>
		<!--  卡片出行出行 免费 -->
		<section id="travel">
			<!-- 版心 -->
			<div class="container">
				<ul id="travelList">
					<li class="rel">
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
						<span class="abs">企业专用</span>
						<a href="" class="abs">申请数据</a>
					</li>
					<li class="rel">
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>￥0.2000/次</p>
						<span class="abs">企业专用</span>
						<a href="" class="abs">申请数据</a>
					</li>
					<li class="rel">
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
						<span class="abs">企业专用</span>
						<a href="" class="abs">申请数据</a>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
						<p>2021出行防疫政策指南</p>
						<p>免费</p>
					</li>
					<li>
						<img src="../imgs/API_01.jpg" alt="" />
					</li>
				</ul>
			</div>
		</section>
		<!-- 分页器 -->
		<section id="pagination">
			<!-- 版心 -->
			<div class="container">
				<ul id="paginationList">
					<li class="active">1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
				</ul>
			</div>
		</section>
	</section>
	<!-- 联系与支持 -->
	<section id="about">
		<!-- 版心 -->
		<div class="container flex-c-sb">
			<ul class="flex-c-sb" id="containerList">
				<li>
					<ul>
						<li>联系与支持</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
				</li>
				<li>
					<ul>
						<li>关于源码</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
				</li>
				<li>
					<ul>
						<li>快速人口</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
				</li>
				<li>
					<ul>
						<li>产品服务</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
				</li>
				<li>
					<ul>
						<li>解决方案</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
				</li>
			</ul>
			<!-- 右边文字图片 -->
			<div id="dimensional">
				<p>微信公众号</p>
				<p>源码时代</p>
				<img src="../imgs/showqrcode.jpg" alt="" />
			</div>
		</div>
	</section>
		<!-- 尾部 -->
		<footer id="tail">
			<div class="container flex-c-sb pb-20 mt-30">
				<div>
					<img src="../imgs/bei2.png" alt="图片已损坏" />
					<img src="../imgs/bei1.png" alt="图片已损坏" class="mlr-10" />
					<span>
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</span>
				</div>
				<!-- 回到顶部 -->
				<div id="ReturnList">
					<div id="Return"></div>
				</div>
				<p>源码大数据股份有限公司©版权所有</p>
			</div>
		</footer>
	<!-- 蒙层 -->
	<div id="mask" class="rel">
		<!-- 背景白色登录框 -->
		<div id="modal" class="abs">
			<!-- 源码大数据图 -->
			<p id="modalimg"></p>
			<!-- 账号登录 -->
			<div id="modalnumber" class="flex-c-x ">
				<p id="modaldelu" class="active rel">账号登录</p>
				<!-- 杆杆 -->
				<i></i>
				<!-- 扫码登录 -->
				<p class="rel">扫码登录</p>			
			</div>
			<!-- 用户名 -->
			<form action="#">
				<div id="UsernameList">
					<p class="flex-c-sb">
						<i></i>
						<input type="text" placeholder="用户名/手机号/邮箱">
					</p>
					<!-- 密码 -->
					<p class="flex-c-sb">
						<i></i>
						<input type="text" placeholder="密码">
					</p>
				</div>
				<!-- 忘记密码 -->
				<p class="password">忘记密码</p>
				<!-- 登录 -->
				<p id="log-in">
					<input type="submit" value="登录">
				</p>
				<!-- 立即注册 -->
			</form>
			<form action="#" class="dis-none">
				<!-- 扫码登录 -->
				<div id="Publicnumber">
					<div id="Qrcode">
						<img src="../imgs/103-demo.png" alt="">
						<p>微信扫码登录</p>
						<p>未关注源码科技公众号,请先关注后再登录</p>
					</div>
				</div>
			</form>
			<p class="txt-r">还没有账号 <a href="">立即注册&gt;</a></p>	
			
		</div>
	</div>

		
	
		
	</body>
	<script src="../js/util.js"></script>
	<script src="../js/api-index.js"></script>
</html>
